<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
		
			#adverImg {
					width:430px;
					height:130px;
					position:relative;
	}
				#number {
					position:absolute;
					right:5px;
					bottom:2px;
}				#number li:hover{
	background-color: red;cursor: pointer;
}
		
				#number li {
						float:left;
						margin-right:5px;
						margin-bottom: 2PX;
						width:20px;
						height:20px;
						border:1px #666 solid;
						text-align:center;
						line-height:20px;
						font-size:12px;
						list-style-type:none;
						background-color:#FFF;
}
		</style>
	</head>
	<body>
		<div id="adverImg">
		<img src="../img/adver-01.jpg" />
		<ul id="number">
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
		</ul>
		</div>
	</body>
</html>
